﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Free Bootstrap Admin Template : Binary Admin</title>
	<!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
     <!-- MORRIS CHART STYLES-->
    <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
        <!-- CUSTOM STYLES-->
    <link href="assets/css/custom.css" rel="stylesheet" />
     <!-- GOOGLE FONTS-->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <div class="text-box" >
                </div>
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"></a>
            </div>
  <div style="color: white;
padding: 15px 0px 5px 5px;
float: right;
font-size: 16px;"> Comune di Sora &nbsp;  </div>
        </nav>   
           <!-- /. NAV TOP  -->
                <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
               
                 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" align="center" style="background-color: #808080;">
                   <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
                    </ol>
                 <div class="carousel-inner" >
                    <div class="item">
                       <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide" src="http://dataodm.altervista.org/bin/assets/img/slide2.jpg">
                    </div>
                    <div class="item active">
                       <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide" src="http://dataodm.altervista.org/bin/assets/img/msgcsl.jpg">   </div>
                    <div class="item">
                       <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide" src="http://dataodm.altervista.org/bin/assets/img/slide1.jpg">
                    </div>
                 </div>
                    
               </div>
				
				     <li>
                    
                        
                     <div class="panel-body">
                     Cerca nel Comune
                      <div class="form-group input-group">
                                            <input type="text" class="form-control">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default" type="button"><i class="fa fa-search"></i>
                                                </button>
                                            </span>
                                        </div>
                                    </div>
                                   
                    </li>
					
                    <li>
                     <a class="active-menu"  href="index.html">
                    <button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button>&nbsp;Home</a>
                   </li>
                    <li  >
                    <a   href="chart.html">
                    <button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button>&nbsp;Il Comune</a>
                    </li>
                    <li  >
                    <a   href="chart.html"><button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button> &nbsp;Segnalazioni</a>
                    </li>	
                    <li  >
                        <a   href="chart.html"><button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button> &nbsp;Notizie</a>
                    </li>
                    <li  >
                        <a   href="chart.html"><button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button> &nbsp;Eventi</a>
                    </li>
                    <li>
                        <a href="#"><button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button> &nbsp;Commercio e Servizi<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li>
                                <a href="#">Aziende</a>
                            </li>
                            <li>
                                <a href="#">Attività Commerciali</a>
                            </li>
                            <li>
                                <a href="#">Studi Professionali</a>
                            </li>
                        </ul>
                      </li> 
                   <li>
                        <a   href="chart.html"><button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button> &nbsp;Numeri Utili</a>
                   </li>
                   <li>
                        <a   href="chart.html"><button type="button" class="btn btn-primary btn-circle">
                    <i class="fa fa-rss fa-3x"></i>
                    </button> &nbsp; a seguire altri da collect</a>
                   </li>
                </ul>
               
            </div>
            
        </nav>  
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper" >
            <div id="page-inner">
             
                  <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                           News
                        </div>
                        <div class="panel-body">
                            <div class="panel-group" id="accordion">
                                <div class="panel panel-celeste">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="list-group-item">
                                            <span class="icon-box bg-color-blue set-icon"><i class="fa fa-rss "></i>
                                            </span>    Ultima notizia: Lorem...</a>
                                        </h4>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse collapse" style="height: 0px;">
                                        <div class="panel-body">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-verdino">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="list-group-item">
                                            <span class="icon-box bg-color-green set-icon"><i class="fa fa-bullhorn "></i>
                                            </span>   Ultimo evento: Lorem...</a>
                                        </h4>
                                    </div>
                                    <div id="collapseThree" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-rosso">
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="list-group-item">
                                            <span class="icon-box bg-color-red set-icon"><i class="fa fa-edit "></i>
                                            </span>    Ultima segnalazione: Lorem...</a>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse" style="height: 0px;">
                                        <div class="panel-body">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                 <hr/>  
                
               <div class="row">
            
            <div class="col-md-3 col-sm-6 col-xs-6" align="center">           
			<div class="panel panel-back noti-box" >
                <button type="button" class="btn btn-primary btn-circle"><i class="fa fa-rss fa-3x"></i>
                            </button>
                <div class="text-box">
                    <p class="main-text">Notizie</p>
                    <p class="text-muted">Leggi</p>
                    </div>
             </div>
		     </div>
                    <div class="col-md-3 col-sm-6 col-xs-6" align="center">           
			<div class="panel panel-back noti-box">
                <button type="button" class="btn btn-success btn-circle"><i class="fa fa-bullhorn fa-3x"></i>
                            </button>
                <div class="text-box" >
                    <p class="main-text">Eventi</p>
                    <p class="text-muted">Leggi</p>
                </div>
             </div>
		     </div>
                    <div class="col-md-6 col-sm-12 col-xs-12" align="center">           
			<div class="panel panel-back noti-box">
                <button type="button" class="btn btn-danger btn-circle"><i class="fa fa-edit fa-3x"></i>
                            </button>
                <div class="text-box" >
                    <p class="main-text">Segnalazioni</p>
                    <p class="text-muted">Leggi e Invia</p>
                </div>
             </div>
		     </div>
             </div>
              <hr/>  
               <div class="row">
                 <div class="col-md-12 col-sm-12 col-xs-12" align="center">
               <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
                    </ol>
                 <div class="carousel-inner">
                    <div class="item">
                       <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide" src="">
                    </div>
                    <div class="item active">
                       <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide" src="">
                    </div>
                    <div class="item">
                       <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide" src="">
                    </div>
                 </div>
                     <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                     <span class="glyphicon glyphicon-chevron-left"></span>
                     </a>
                     <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                     <span class="glyphicon glyphicon-chevron-right"></span>
                     </a>
               </div>
               <hr/>
            </div>
            
            
                <div class="col-md-12 col-sm-12 col-xs-12">
                         <div class="panel panel-default">
                        <div class="panel-heading2">
                           Cerca nel Comune
                        </div>
                        <div class="panel-body">
                        <div class="form-group input-group">
                                            <input type="text" class="form-control">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default" type="button"><i class="fa fa-search"></i>
                                                </button>
                                            </span>
                                        </div>
                        </div>
                    </div>
                         
                         
                      
                    </div>
           
            
        </div>
                 <!-- /. ROW  -->
               
                                           
                       
                 <!-- /. ROW  -->
              
                 <!-- /. ROW  -->
               
                 <!-- /. ROW  -->           
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
        </div>
     <!-- /. WRAPPER  -->
    <!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
    <!-- JQUERY SCRIPTS -->
    <script src="assets/js/jquery-1.10.2.js"></script>
      <!-- BOOTSTRAP SCRIPTS -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- METISMENU SCRIPTS -->
    <script src="assets/js/jquery.metisMenu.js"></script>
     <!-- MORRIS CHART SCRIPTS -->
     <script src="assets/js/morris/raphael-2.1.0.min.js"></script>
    <script src="assets/js/morris/morris.js"></script>
      <!-- CUSTOM SCRIPTS -->
    <script src="assets/js/custom.js"></script>
    <script type="text/javascript">
           $(document).ready(function() {
	       $('.carousel').carousel({
	       interval: 3000
	       })
       });
    </script>
   
</body>
</html>
